<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div{
				width:1400PX;
				height: 330PX;
				position: relative;
				
			}
			.div{
				border: 2PX solid #DCDCDC;
				position: relative;
				left: 50PX;
				
			}
		      ul  li{
		 	 top: -20PX;
				float: left;
				list-style: none;
				height: 30px;
				line-height: 30px;
			}
			
		  h3:nth-of-type(1){
				color:rgb(120, 125, 125);
				float: left;
				text-indent: 2em;
			}
			
			h3:nth-of-type(2){
					color:rgb(120, 125, 125);
					float: left;
					text-indent: 2em;
					height: 10px;
					line-height: 0px;
				}
				
				h3:nth-of-type(3){
						color:rgb(120, 125, 125);
						float: left;
						text-indent: 1em;
						height: 10px;
						line-height: 0px;
					}
					
					h3:nth-of-type(4){
							color:rgb(120, 125, 125);
							float: left;
							text-indent: 1em;
							height: 10px;
							line-height: 0px;
						}
						
			.div ul li{
				color: rgb(181, 156, 159);
			}
			
			a{
				color: rgb(255, 96, 33);
				text-decoration: none;
			}
			
			.div ul:nth-of-type(1){
				border-bottom: 1PX solid rgb(207, 207, 207);
				height: 70PX;
			}
			
			.div ul:nth-of-type(2){
				border-bottom: 1PX solid rgb(207, 207, 207);
				height: 60PX;
				line-height: 5px;
				padding-top: 5px;
			}
			.div ul:nth-of-type(2) li:nth-of-type(2){
				
			color: rgb(255, 96, 33);
			}
			.div ul:nth-of-type(3){
				border-bottom: 1PX solid rgb(207, 207, 207);
				height: 60PX;
				line-height: 5px;
				padding-top: 5px;
			}
			
			.div ul:nth-of-type(4){
				height: 60PX;
				line-height: 5px;
				padding-top: 5px;
			}
			
			.q{
				font-size: 20px;
				color: rgb(255, 100, 25);
				top: 40px;
				left: 50PX;
				width: 240px;
				 border: 1px solid #DCDCDC; 
				height: 50PX;
			}
			
			.q p{
				float: left;
				position: relative;
				bottom: 10px;
			}
			
			.q img{
				width: 5px;
				top: 2px;
				position: relative;
			}
			
			.q p:nth-of-type(2){
				position: relative;
				right: 10px;
				padding-top: 2PX;
				float: right;
				color:rgb(120, 125, 125);
			}
			
			.q p:nth-of-type(3){
				position: relative;
				border: 1px solid  #DCDCDC;
				left: 143px;
				color:rgb(120, 125, 125);
				padding: 4px;
				padding-right: 40px;
				background: rgb(255, 78, 0);
				color: white;
				top: -15PX;
				
			}
			
			.q p:nth-of-type(4){
				position: relative;
				border: 1px solid  #DCDCDC;
				left: 325px;
				color:rgb(120, 125, 125);
				padding: 4px;
				padding-right: 40px;
				top: -91.5px;
				
			}
			
			.q p:nth-of-type(5){
				position: relative;
				border: 1px solid  #DCDCDC;
				left:325px;
				color:rgb(120, 125, 125);
				padding: 4px;
				padding-right: 40px;
				top: -91px;
				
			}
			.q p:nth-of-type(6){
				position: relative;
				border: 1px solid  #DCDCDC;
				left: 495px;
				color:rgb(120, 125, 125);
				padding: 4px;
				padding-right: 40px;
				top: -167px;

			}
			
			.q p:nth-of-type(7){
				position: relative;
				
				left: 1240px;
				color:rgb(120, 125, 125);
				padding: 4px;
				padding-right: 40px;
				top: -240px;
			
			}
			
			.w{
				position: relative;
				border: 1px solid  #DCDCDC;
				left: -110PX;
				width: 240PX;
				height: 1248PX;
				top: -139PX;
				text-align: center;
				float: left;
			}
			
			.w img{
				  background-size: auto;
				  text-decoration: none;
				  
			}
			
			.w :nth-of-type(2){
				position: relative;
				bottom: -10px;
				border-bottom: 1PX solid #DCDCDC;
			}
			
			.w  p :nth-of-type(1){
				
				color: rgb(102, 102, 102);
			}
			
			.w  p:nth-of-type(2){
				color: red;
				height: 30PX;
				line-height: 5PX;
				font-size: 20PX;
				
			}
			
			.o{
				position: relative;
				border:1px solid #DCDCDC ;
				width: 1163px;
				height: 2500px;
				left: 291px;
				bottom: 1390px;
				float: left;
			}
			
			.o ul li p:nth-of-type(1){
				color: rgb(255, 89, 10);
				text-align: center;
				font-size: 18PX;
			}
			
			.o ul li p:nth-of-type(2){
				color:  rgb(134, 134, 134);
				
			}
			
			.o  ul li p:nth-of-type(3){
				border: 1px solid #DCDCDC;
				border-right: 1px solid #DCDCDC;
				float: left;
				padding-bottom: 6px;
			}
			
			.o  ul li p:nth-of-type(4){
				border: 1px solid #DCDCDC;
				float: left;
				padding-bottom: -10px;
				padding-top: -20px;
			}
		
			.o img{
				padding: 5px;
				
			}
			
			.o ul li{
				padding: 9PX;
			}
			
			.o ul:nth-of-type(2){
				padding: ;
				
				padding-top: 470px;
			}
			
			.o ul:nth-of-type(3){
				padding: ;
				padding-top: 470px;
				
			}
			
			.o ul:nth-of-type(4){
				padding: ;
				padding-top: 470px;
			}
			
			.o ul:nth-of-type(5){
				padding: ;
				padding-top: 470px;
			}
			
			
			
			#divi{
				position: relative;
				font-size: 18PX;
				top: 1030px;
				right: 200px;
				
			}
			
			#divi li{
				padding: 5PX 15PX;
				
				border: 1px solid #DCDCDC;
			}
			
			#divi li:nth-of-type(2){
				padding: 5PX 10PX;
				background-color: #FF0000;
				border: 1px solid #DCDCDC;
				position: relative;
				margin: 15px;top: -15px;
			}
			
			#divi li:nth-of-type(4){
				padding: 5PX 10PX;
				background-color: #FF0000;
				border: 1px solid #DCDCDC;
				position: relative;
				margin: 15px;top: -57px;
				right: -40px;
			}
			
			#divi li:nth-of-type(5){
				padding: 5PX 10PX;
			    border: 1px solid #DCDCDC;
				position: relative;
				margin: 15px;top: -128px;
				right: -230px;
			}
			
			#divi li:nth-of-type(6){
				padding: 5PX 10PX;
				border: 1px solid #DCDCDC;
				position: relative;
				margin: 15px;top: -129px;
				right: -210px;
			}
			
			#divi li:nth-of-type(7){
				padding: 5PX 10PX;
				border: 1px solid #DCDCDC;
				position: relative;
				margin: 15px;top: -200px;
				right: -330px;
			}
			
		</style>
	</head>
	<body>
		
		<div>
			
		<div class="div">
			<h3>品牌:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h3>
		<ul>
			<li><a href="https://hao.360.com/?a1004">珠韵首饰/ZHUYUN JEWELLERY&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
			<li>施华洛世奇/Swarovski&nbsp;&nbsp;&nbsp;&nbsp;</li>
			<li>海瞳&nbsp;&nbsp;&nbsp;&nbsp;</li>
			<li>周大福/CHOW TAI FOOK&nbsp;&nbsp;&nbsp;&nbsp;</li>
			<li>京润珍珠&nbsp;&nbsp;&nbsp;&nbsp;</li>
			<li>佰色传情/BRL.R&nbsp;&nbsp;&nbsp;&nbsp;</li>
			<li>迈姿/Maizi&nbsp;&nbsp;&nbsp;&nbsp;</li>
			<li>Ginasy Jewelry&nbsp;&nbsp;&nbsp;&nbsp;</li>
			<li>心盘圆&nbsp;&nbsp;&nbsp;&nbsp;</li><br>
			<li>银斯妮/yin si ni silver&nbsp;&nbsp;&nbsp;&nbsp;</li>
			<li>迈姿/Maizi&nbsp;&nbsp;&nbsp;&nbsp;</li>
			<li>Ginasy Jewelry&nbsp;&nbsp;&nbsp;&nbsp;</li>
			<li>蛟蓓&nbsp;&nbsp;&nbsp;&nbsp;</li>
			<li>芭比/Barbie&nbsp;&nbsp;&nbsp;&nbsp;</li>
			<li>珍福祥&nbsp;&nbsp;&nbsp;&nbsp;</li>
			<li>珍福祥&nbsp;&nbsp;&nbsp;&nbsp;</li>
		</ul>
			<h3>价格:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h3><ul>
				<li>0-199&nbsp;&nbsp;&nbsp;</li>
				<li>200-399&nbsp;&nbsp;&nbsp;&nbsp;</li>
				<li>400-599&nbsp;&nbsp;&nbsp;&nbsp;</li>
				<li>600-899&nbsp;&nbsp;&nbsp;&nbsp;</li>
				<li>900-1299&nbsp;&nbsp;&nbsp;&nbsp;</li>
				<li>1300-1399&nbsp;&nbsp;&nbsp;&nbsp;</li>
				<li>1400以上&nbsp;&nbsp;&nbsp;&nbsp;</li>
			</ul>
				<h3>珍珠颜色:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h3><ul>
					<li>混彩&nbsp;&nbsp;&nbsp;</a></li>
					<li>黑色系&nbsp;&nbsp;&nbsp;&nbsp;</li>
					<li>粉色系&nbsp;&nbsp;&nbsp;&nbsp;</li>
					<li>白色系&nbsp;&nbsp;&nbsp;&nbsp;</li>
					<li>金色系&nbsp;&nbsp;&nbsp;&nbsp;</li>
					<li>紫色系&nbsp;&nbsp;&nbsp;&nbsp;</li>
				</ul>
				<h3>珍珠分类:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h3><ul>
					<li>天然海水珍珠&nbsp;&nbsp;&nbsp;</a></li>
					<li>养殖海水珍珠&nbsp;&nbsp;&nbsp;&nbsp;</li>
					<li>养殖淡水珍珠&nbsp;&nbsp;&nbsp;&nbsp;</li>
					<li>天然淡水珍珠&nbsp;&nbsp;&nbsp;&nbsp;</li>
				</ul>
			
		</div>
		
		  	<div class="q">
		  		<p>&nbsp;&nbsp;<img src="imgs/h_t.gif">游览历史</p><p>清空</p>	<p>默认</p><p>销量 </p><p>价格</p><p>新品</p>
				<p>共发现120件</p>
		  </div>
		  
		  <div class="w">
		   <span><img src="imgs/t2.jpg">
		   <p>Dior/迪奥香水2件套装</p>
		   <P>￥368.00</P><span>
		   <img src="imgs/t2.jpg">
		   <p>Dior/迪奥香水2件套装</p>
		   <P>￥368.00</P></span>
		   <span><img src="imgs/t2.jpg">
		   <p>Dior/迪奥香水2件套装</p>
		   <P>￥368.00</P></span>
		   <span><img src="imgs/t2.jpg">
		   <p>Dior/迪奥香水2件套装</p>
		   <P>￥368.00</P></span>
		   <span><img src="imgs/t2.jpg">
		   <p>Dior/迪奥香水2件套装</p>
		   <P>￥368.00</P></span> 
		  </div>
		  
		  
		  <div class="o">
		  	<ul>
				<li><img src="imgs/per_1.jpg">
				<p>￥198.00</p>
				<p>海瞳7-8mm水滴形天然珍珠项链</p>
				<p>&nbsp;&nbsp;<img src="imgs/care.png">&nbsp;&nbsp;&nbsp;&nbsp;收藏</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="imgs/j_car.png"height="20PX">&nbsp;&nbsp;&nbsp;&nbsp;</p></li>
				<li><img src="imgs/per_1.jpg">
				<p>￥198.00</p>
				<p>海瞳7-8mm水滴形天然珍珠项链</p>
				<p>&nbsp;&nbsp;<img src="imgs/care.png">&nbsp;&nbsp;&nbsp;&nbsp;收藏</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="imgs/j_car.png"height="20PX">&nbsp;&nbsp;&nbsp;&nbsp;</p></li>
				<li><img src="imgs/per_1.jpg">
				<p>￥198.00</p>
				<p>海瞳7-8mm水滴形天然珍珠项链</p>
				<p>&nbsp;&nbsp;<img src="imgs/care.png">&nbsp;&nbsp;&nbsp;&nbsp;收藏</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="imgs/j_car.png"height="20PX">&nbsp;&nbsp;&nbsp;&nbsp;</p></li>
				<li><img src="imgs/per_1.jpg">
				<p>￥198.00</p>
				<p>海瞳7-8mm水滴形天然珍珠项链</p>
				<p>&nbsp;&nbsp;<img src="imgs/care.png">&nbsp;&nbsp;&nbsp;&nbsp;收藏</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="imgs/j_car.png"height="20PX">&nbsp;&nbsp;&nbsp;&nbsp;</p></li>
				
			</ul>
			
			<ul>
				<li><img src="imgs/per_1.jpg">
				<p>￥198.00</p>
				<p>海瞳7-8mm水滴形天然珍珠项链</p>
				<p>&nbsp;&nbsp;<img src="imgs/care.png">&nbsp;&nbsp;&nbsp;&nbsp;收藏</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="imgs/j_car.png"height="20PX">&nbsp;&nbsp;&nbsp;&nbsp;</p></li>
				<li><img src="imgs/per_1.jpg">
				<p>￥198.00</p>
				<p>海瞳7-8mm水滴形天然珍珠项链</p>
				<p>&nbsp;&nbsp;<img src="imgs/care.png">&nbsp;&nbsp;&nbsp;&nbsp;收藏</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="imgs/j_car.png"height="20PX">&nbsp;&nbsp;&nbsp;&nbsp;</p></li>
				<li><img src="imgs/per_1.jpg">
				<p>￥198.00</p>
				<p>海瞳7-8mm水滴形天然珍珠项链</p>
				<p>&nbsp;&nbsp;<img src="imgs/care.png">&nbsp;&nbsp;&nbsp;&nbsp;收藏</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="imgs/j_car.png"height="20PX">&nbsp;&nbsp;&nbsp;&nbsp;</p></li>
				<li><img src="imgs/per_1.jpg">
				<p>￥198.00</p>
				<p>海瞳7-8mm水滴形天然珍珠项链</p>
				<p>&nbsp;&nbsp;<img src="imgs/care.png">&nbsp;&nbsp;&nbsp;&nbsp;收藏</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="imgs/j_car.png"height="20PX">&nbsp;&nbsp;&nbsp;&nbsp;</p></li>
				
			</ul>
			
			<ul>
				<li><img src="imgs/per_1.jpg">
				<p>￥198.00</p>
				<p>海瞳7-8mm水滴形天然珍珠项链</p>
				<p>&nbsp;&nbsp;<img src="imgs/care.png">&nbsp;&nbsp;&nbsp;&nbsp;收藏</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="imgs/j_car.png"height="20PX">&nbsp;&nbsp;&nbsp;&nbsp;</p></li>
				<li><img src="imgs/per_1.jpg">
				<p>￥198.00</p>
				<p>海瞳7-8mm水滴形天然珍珠项链</p>
				<p>&nbsp;&nbsp;<img src="imgs/care.png">&nbsp;&nbsp;&nbsp;&nbsp;收藏</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="imgs/j_car.png"height="20PX">&nbsp;&nbsp;&nbsp;&nbsp;</p></li>
				<li><img src="imgs/per_1.jpg">
				<p>￥198.00</p>
				<p>海瞳7-8mm水滴形天然珍珠项链</p>
				<p>&nbsp;&nbsp;<img src="imgs/care.png">&nbsp;&nbsp;&nbsp;&nbsp;收藏</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="imgs/j_car.png"height="20PX">&nbsp;&nbsp;&nbsp;&nbsp;</p></li>
				<li><img src="imgs/per_1.jpg">
				<p>￥198.00</p>
				<p>海瞳7-8mm水滴形天然珍珠项链</p>
				<p>&nbsp;&nbsp;<img src="imgs/care.png">&nbsp;&nbsp;&nbsp;&nbsp;收藏</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="imgs/j_car.png"height="20PX">&nbsp;&nbsp;&nbsp;&nbsp;</p></li>
				
			</ul>
			
			<ul>
				<li><img src="imgs/per_1.jpg">
				<p>￥198.00</p>
				<p>海瞳7-8mm水滴形天然珍珠项链</p>
				<p>&nbsp;&nbsp;<img src="imgs/care.png">&nbsp;&nbsp;&nbsp;&nbsp;收藏</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="imgs/j_car.png"height="20PX">&nbsp;&nbsp;&nbsp;&nbsp;</p></li>
				<li><img src="imgs/per_1.jpg">
				<p>￥198.00</p>
				<p>海瞳7-8mm水滴形天然珍珠项链</p>
				<p>&nbsp;&nbsp;<img src="imgs/care.png">&nbsp;&nbsp;&nbsp;&nbsp;收藏</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="imgs/j_car.png"height="20PX">&nbsp;&nbsp;&nbsp;&nbsp;</p></li>
				<li><img src="imgs/per_1.jpg">
				<p>￥198.00</p>
				<p>海瞳7-8mm水滴形天然珍珠项链</p>
				<p>&nbsp;&nbsp;<img src="imgs/care.png">&nbsp;&nbsp;&nbsp;&nbsp;收藏</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="imgs/j_car.png"height="20PX">&nbsp;&nbsp;&nbsp;&nbsp;</p></li>
				<li><img src="imgs/per_1.jpg">
				<p>￥198.00</p>
				<p>海瞳7-8mm水滴形天然珍珠项链</p>
				<p>&nbsp;&nbsp;<img src="imgs/care.png">&nbsp;&nbsp;&nbsp;&nbsp;收藏</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="imgs/j_car.png"height="20PX">&nbsp;&nbsp;&nbsp;&nbsp;</p></li>
				
			</ul>
			
			<ul>
				<li><img src="imgs/per_1.jpg">
				<p>￥198.00</p>
				<p>海瞳7-8mm水滴形天然珍珠项链</p>
				<p>&nbsp;&nbsp;<img src="imgs/care.png">&nbsp;&nbsp;&nbsp;&nbsp;收藏</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="imgs/j_car.png"height="20PX">&nbsp;&nbsp;&nbsp;&nbsp;</p></li>
				<li><img src="imgs/per_1.jpg">
				<p>￥198.00</p>
				<p>海瞳7-8mm水滴形天然珍珠项链</p>
				<p>&nbsp;&nbsp;<img src="imgs/care.png">&nbsp;&nbsp;&nbsp;&nbsp;收藏</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="imgs/j_car.png"height="20PX">&nbsp;&nbsp;&nbsp;&nbsp;</p></li>
				<li><img src="imgs/per_1.jpg">
				<p>￥198.00</p>
				<p>海瞳7-8mm水滴形天然珍珠项链</p>
				<p>&nbsp;&nbsp;<img src="imgs/care.png">&nbsp;&nbsp;&nbsp;&nbsp;收藏</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="imgs/j_car.png"height="20PX">&nbsp;&nbsp;&nbsp;&nbsp;</p></li>
				<li><img src="imgs/per_1.jpg">
				<p>￥198.00</p>
				<p>海瞳7-8mm水滴形天然珍珠项链</p>
				<p>&nbsp;&nbsp;<img src="imgs/care.png">&nbsp;&nbsp;&nbsp;&nbsp;收藏</p>
				<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="imgs/j_car.png"height="20PX">&nbsp;&nbsp;&nbsp;&nbsp;</p></li>
			</ul>
			
		  </div>
		  <div id="divi" >
			  <ul>
				  <li>上一页</li>
				 <li>1</li>
				 <li>2</li>
				 <li>3</li>
				 <li>...</li>
				 <li>20</li>
				 <li>下一页</li>
			  </ul>
		  </div>
		</div>
	</body>
</html>
